<template>
  <div class="systemNoticeManagement">
    <h3>系统公告管理</h3>
    <div class="box">
      <div class="row">
        <span>公告内容：</span>
        <el-input placeholder="请输入内容" v-model="inputContent" clearable type="textarea" :rows="15"></el-input>
      </div>
      <div class="row">
        <span>状态：</span>
        <el-select v-model="inputStatus" placeholder="请选择">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
      </div>
      <div class="row">
          <span></span>
        <el-button type="primary"  @click="submitSave">保存</el-button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "systemNoticeManagement",
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "显示"
        },
        {
          value: "选项2",
          label: "隐藏"
        },
      ],
      //公告内容
      inputContent:"",
      //状态
      inputStatus:"显示",
    };
  },
  mounted() {},
  methods: {
      //保存
      submitSave(){},
  }
};
</script>
<style scoped>
h3{
    padding:.2rem;
    color:#3c763d;
}
.systemNoticeManagement{
    width:100%;
    display:flex;
    justify-content: center;
    padding-top:1rem;
}
.box{
    width:60%;
}
.row {
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
}
.row span {
  width: 1rem;
  display: block;
}
</style>